import styled from 'styled-components'

export const ContainerWrapper = styled.div`
  display: flex;
  flex-direction: column;
  justify-content: between-space;
  height: 100vh;

  & div:nth-child(1) {
    padding: 10px 20px;
    box-sizing: border-box;
  }

  & div:nth-child(2) {
    padding: 0 20px;
    flex-grow: 8;

    & .ide-textarea {
      height: 100%;
      resize: none;
    }
  }

  & div:nth-child(3) {
    padding: 10px 20px;
    box-sizing: border-box;
  }
`
